<style type="text/css" title="currentStyle">
    @import "../css/demo_table.css";
</style>

<script type="text/javascript" language="javascript" src="../js/jquery.js">
</script>
<script type="text/javascript" language="javascript" src="../js/jquery.dataTables.js">
</script>
<%--<script type="text/javascript" language="javascript"> var contextPath = "<%= request.getContextPath() %>"; </script>--%>
<script type="text/javascript" charset="utf-8">

    $(document).ready(function() {
        $('#table_id').dataTable( {
            "bProcessing": true,
            "sAjaxSource": "/getrows.htm",
            "bServerSide": true,
            "sPaginationType": "full_numbers",
            "bFilter": false,
            "aoColumnDefs" : [ {
                'bSortable' : false,
                'aTargets' : [ 0,1,2,3,4,5 ]
            } ],
            "fnServerData": function ( sSource, aoData, fnCallback ) {
                $.ajax( {
                    "dataType": 'json',
                    "type": "POST",
                    "url": sSource,
                    "data": aoData,
                    "success": fnCallback
                } );
            }
        } );
    } );
</script>
<a href="store/content.xml" >Download xml file</a>
</br>
<a href="/FileUploadForm.htm" >Upload xml file</a>
</br>
</br>
<table id="table_id" width="100%">
    <thead>
    <tr>
        <th>Title</th>
        <th>Artist</th>
        <th>Country</th>
        <th>Company</th>
        <th>Price</th>
        <th>Year</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td colspan="5" class="dataTables_empty">Loading data from server</td>
    </tr>
    </tbody>
    <tfoot>
    <tr>
        <th>Title</th>
        <th>Artist</th>
        <th>Country</th>
        <th>Company</th>
        <th>Price</th>
        <th>Year</th>
    </tr>
    </tfoot>
</table>